body{font-family:"微软雅黑",tahoma,verdana,"sans-serif";background:#fff; font-size:90%; color:#333;}
a{color:#1100ff; text-decoration:none;font-size:90%;}
a:hover{ text-decoration:none; color:#666666;}
.clear{clear: both;}
.hide{display:none;}

.main-container{margin:5px;}
.top-container{width:100%;float:left;background:url("images/panel_title.png") repeat-x scroll 0 0 transparent;border:1px solid #99BBE8;color:#15428B;font-size:12px;font-weight:bold;line-height:15px;padding:5px;position:relative;border-bottom:1px solid #99BBE8;border-width:0 0 1px;margin-bottom:5px;}
.bottom-container{margin:5px;}
.text-backgroundtext{color:#eeeeee;}
.text-hover{color:#000000;}
.file-selected li{float:left;margin-right:5px;padding:10px;border:1px solid #cccccc;}
.file-selected li .control{text-align:right;}
.ui-datepicker{font-size:80%;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width:40%;}
.ui-widget{font-size:90%;font-family:"微软雅黑","Trebuchet MS","Helvetica","Arial","Verdana","sans-serif";}
.ui-tabs .ui-tabs-panel{padding:0.5em 0.5em 0.7em 0.7em;}
.ui-corner-all {-moz-border-radius:0 0 0 0;}
.ui-widget-content a{color:#1100ff;}

.uploadifyQueueItem {background-color: #F5F5F5;border: 2px solid #E5E5E5;font: 11px Verdana, Geneva, sans-serif;margin-top: 5px;padding: 10px;width: 350px;}
.uploadifyError {background-color: #FDE5DD !important;border: 2px solid #FBCBBC !important;}
.uploadifyQueueItem .cancel {float: right;}
.uploadifyQueue .completed {background-color: #E5E5E5;}
.uploadifyProgress {background-color: #E5E5E5;margin-top: 10px;width: 100%;}
.uploadifyProgressBar {background-color: #0099FF;height: 3px;width: 1px;}
/*menu start*/
.menu-container{font-size:90%;width:100%}
.menu-container .horizontal{position:relative}
.menu-container .horizontal li{float:left;}
.menu-container .horizontal li a{border-right:none;}
.menu-container .horizontal li a span{margin-top:3px;display:block;}
.menu-container .horizontal li.hover a{border-bottom:none;}
.menu-container .horizontal li.hover ul.vertical{display:block;}
.menu-container .horizontal li.first a{}
.menu-container .horizontal li.last a{border-right:1px solid #DDDDDD;}
.menu-container .vertical{display:none;position:absolute;}
.menu-container .vertical li{float:none;width:100%;}
.menu-container .vertical li a{border-right:1px solid #DDDDDD;border-bottom:none;text-align:left;}
.menu-container .vertical li.first a{}
.menu-container .vertical li.last a{border-bottom:1px solid #DDDDDD;}
.menu-container .vertical li a span{margin-left:5px;display:block;float:left;}
.menu-container .vertical li a span.children{background-position:-32px -16px;float:right;}
.menu-container .vertical .horizontal{margin-left:153px;margin-top:-26px;position:absolute;display:none;}
.menu-container .vertical li.hover .horizontal{display:block;}
/*end*/

/*form start*/
form.formular {background:none repeat scroll 0 0 #ffffff;border:1px solid #A5A8B8;border-top:none;font-size:12px;padding:10px;}
.form-tab {width:100%;}
.form-tab .navigate{float:left;width:100px;}
.form-tab ul{}
.form-tab ul li{}
.form-tab ul li a {padding: 2px;padding-left: 3px;font-size:110%; text-decoration: none;display: block;margin: 0px;;color:#000000;}
.form-tab ul li a:hover {padding-left: 4px;padding-top: 3px;padding-bottom: 1px;padding-right: 1px;text-decoration: none;color:#A5A8B8;}
.form-tab ul li a.active{color:#1100ff;}
.form-tab .tab-item{display:none;margin-left:100px;}
.form-tab .tab-item .title{background: none repeat scroll 0 0 #6F8992;padding: 2px 10px;}
.form-tab .tab-item .title h4{background: none repeat scroll 0 0 transparent;color: #FFFFFF;font-size: 1em;line-height: 25px;margin: 0;min-height: 0;padding: 0;}
.form-tab .tab-active{display:block;}
.form-tab .tab-edit{padding:10px;background: none repeat scroll 0 0 #FAFAFA;border: 1px solid #D6D6D6;min-height: 450px;}
.formular .field-list{width:100%;font-size:100%;}
.formular .field-label{padding-top:5px;padding-bottom:5px; vertical-align: top}
.formular .field-input{padding-top:5px;padding-bottom:5px;}
.formular .field-label-editor,.formular .field-label-filebrowser{display:none;}
.formular label {text-align:inherit;}
.formular label.field-textarea, .formular fieldset label.field-editor{width:100%;clear:both;}
.formular label span{margin-left:10px;}
.formular .field-label{width:100px;}
.formular .input {background: none repeat scroll 0 0 #FFFFFF;border-color: #AAAAAA #C8C8C8 #C8C8C8 #AAAAAA;border-style: solid;border-width: 1px;width:100%}
.formular .infos {background:#EFF5FF;border:1px solid #B5B8C8;color:#333333;padding:2px;}
.formular .select {background:#ffffff;border:1px solid #B5B8C8;padding:0 0 0 0;}
.formular .textarea {width:100%;}
.formular span.checkbox, .formular .checkbox {display:inline;}
.formular hr {clear:both;visibility:hidden;}
.formular .error {background:none repeat scroll 0 0 #FFEAEA;border:1px solid #B5B8C8;padding:2px;width:100%;}
.formular label.error{color:#ff0000;background:none repeat scroll 0 0 transparent;border:none;display:block;}
.formular .checkbox-list{}
.formular .checkbox-list .group{clear:both; font-weight:700;}
.formular .checkbox-list li{float:left;margin-top:5px;margin-bottom:5px;margin-right:10px;width:150px;}
.formular .checkbox-list li span{margin-left:4px; font-weight:normal;}
/*form end*/

/*toolbar start*/
.toolbar{background:none repeat scroll 0 0 #EFEFEF;border-bottom:1px solid #CCCCCC;height:28px;padding:1px 2px;border-right:1px solid #99BBE8;border-right:1px solid #99BBE8;border-left:1px solid #99BBE8;border-top:1px solid #99BBE8;}
.toolbar ul li{float:left;margin-left:3px;}
.toolbar ul li a{background:none repeat scroll 0 0 transparent;border:1px solid transparent;padding-right:5px;color:#444444;cursor:pointer;display:inline-block;font-size:12px;height:24px;outline:medium none;text-decoration:none;}
.toolbar ul li a span{background:none repeat scroll 0 0 transparent;padding-left:5px;display:block;line-height:16px;padding:4px 4px 4px 8px;}
.toolbar ul li a span span{display:inline-block;height:16px;line-height:16px;padding:0;}
.toolbar ul li a:hover{background:url("images/button_plain_hover.png") repeat-x scroll left bottom transparent;border:1px solid #7EABCD;}
.toolbar ul li.separator {border-left:1px solid #CCCCCC;border-right:1px solid #FFFFFF;float:left;height:24px;margin:2px 1px;}
/*toolbar end*/

/*navigation start*/
.navigation{float:left;}
.navigation ul li{float:right;margin-left:3px;}
/*navigation end*/

/*grid start*/
.main-container{clear:both;}
.grid-operator{float:left;margin-bottom:3px;}
.grid-operator ul li{float:left;margin-right: 5px;}
.grid-filter{float:right;}
.grid-filter ul li{float:left;margin-left: 5px;margin-bottom:3px;}
.grid-action{float:left;margin-left: 20px;}
.grid-action ul li{margin-left:5px;float:left;}
.datagrid{clear:both}
table.grid{width: 100%;font-size:90%;border-color:#99BBE8;border-right:1px solid #99BBE8;border-style:solid;border-width:0 1px 1px;}
table.grid thead th{font-weight:bold;height:25px; text-align:center; background:url("images/datagrid_header_bg.gif") repeat-x scroll left bottom #FAFAFA;border-bottom:1px dotted #CCCCCC;border-right:1px dotted #CCCCCC;border-top:1px dotted #FFFFFF;}
table.grid thead th.index{text-align: center;width:30px;padding:0;}
table.grid thead th.checkbox{text-align: center;width:30px;padding:0;}
table.grid thead th input{width:100%;}
table.grid thead th select{width:100%;}
table.grid thead th.edit{width:40px;text-align: center;}
table.grid thead tr.filter th{text-align:left;padding-left:4px;padding-right:4px;}
table.grid tbody tr{height:25px;}
table.grid tbody tr.odd{background:none repeat scroll 0 0 #ffffff;}
table.grid tbody tr.even{background:none repeat scroll 0 0 #EEEEFF;}
table.grid tbody tr td{padding-left:5px;}
table.grid tbody tr td.index{text-align: center;padding:0;}
table.grid tbody tr td.checkbox{text-align: center;padding:0;}
table.grid tbody tr.selected{background:none repeat scroll 0 0 #FBEC88;}
table.grid tbody tr.hover{background-color: #d0e5f5;}
table.grid tbody tr td{border:1px dotted #CCCCCC;}
table.grid tbody tr td.edit{text-align: center;}
table.search{font-size:90%;}
table.search td{padding:2px;}
/*grid end*/

/*pagination start*/
.pagination{width:100%}
.pagination .information{float:left}
.pagination .sizes{float:right}
.pagination .pager{float:right;margin-right:10px;}
.pagination .pager ul li{float:left;margin-right:3px;}
/*pagination end*/

/*password start*/
.category .list{margin-top: 5px;}
.category .index{width: 175px;}
.change{margin:5px 0 0 60px;}
/*password end*/

/*file browser start*/
.fs{width:600px;height:400px;}
.fs .left{float:left;width:20%;height:270px;border: 1px #cccccc solid;}
.fs .right{float:left;height:270px;width:78%;margin:0 0 0 5px;}
.fs .toolbar{float:left;padding:0px 0 0px 0px;margin: 0 0 5px 0;height:auto;width:99%;background: #ffffff;border:none;}
.fs .toolbar button{font-size:90%;height:23px;}
.fs .selected{border: 1px #cccccc solid;float:left;width:99%;height:90px;margin:5px 0px 5px 0px;}
.fs .selected ul li{float:left;margin:5px;}
.fs .selected ul li img{width:80px; height:80px;}
#files {height:270px;overflow-y:auto;border: 1px #cccccc solid;}
#files ul{}
#files ul li{float:left;padding:10px;height:140px;}
#files ul li .pic{display: block;}
#files ul li .pic img{width:80px;height:80px;}
#files ul li .name{display: block; overflow:hidden;width:90px;font-size: 60%;}
#upload_form a{z-index: 100;}
#upload_form #path{width:500px;border:none;}
/*file browser end*/
 
.modules{margin:5px;}
#sortable { list-style-type: none; margin: 0; padding: 0; width: 250px; }
#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; height: 18px; }
#sortable li span { position: absolute; margin-left: -1.3em; }

.poi-list{float:left;margin-left:10px;width:520px;font-size:90%;}
.poi-list li{float:left;width:150px;height:70px;display:block;padding:5px;margin:5px 5px 5px 0;border: 1px #cccccc solid;cursor:pointer;}
.poi-list li.focus{border: 1px #B5B8C8 solid;}
.poi-list li.selected{border: 1px #a43da3 solid;}

.concessions-list{float:left;margin-left:10px;width:520px;font-size:90%;}
.concessions-list li{float:left;width:150px;height:40px;display:block;padding:5px;margin:5px 5px 5px 0;border: 1px #cccccc solid;cursor:pointer;}
.concessions-list li.focus{border: 1px #B5B8C8 solid;}
.concessions-list li.selected{border: 1px #a43da3 solid;}

#road_list{clear:both;}
#road_list li{margin:5px 5px 5px 0;}
#road_list li div{border:1px solid #cccccc;padding:5px;}
#road_list li div .button{margin-left:10px;float:right;}
#road_list li ul li{margin-left:0;float:left;width:100px;}

.subject_poi_list{height:200px;}
.subject_poi_list li{float:left;margin: 5px 5px 5px 0;}
.subject_poi_list li a{margin-left:5px;}

.subject_road_list{height:200px;}
.subject_road_list li{float:left;margin: 5px 5px 5px 0;}
.subject_road_list li a{margin-left:5px;}

.subject_concessions_list{height:200px;}
.subject_concessions_list li{float:left;margin: 5px 5px 5px 0;}
.subject_concessions_list li a{margin-left:5px;}

.subject_article_list{height:200px;}
.subject_article_list li{float:left;margin: 5px 5px 5px 0;}
.subject_article_list li a{margin-left:5px;}

#poi_ids_container{height:200px;}
#poi_ids_container li{float:left;margin: 5px 5px 5px 0;}
#poi_ids_container li a{margin-left:5px;}

.road-selected-list{}
.road-selected-list li{width:350px;float:left;padding:5px;margin-top:5px;margin-bottom:5px;margin-right:5px;border: 1px #cccccc solid;}
.road-selected-list li .button{float:right;}

.industry-selected-list{}
.industry-selected-list li{width:350px;float:left;padding:5px;margin-top:5px;margin-bottom:5px;margin-right:5px;border: 1px #cccccc solid;}
.industry-selected-list li .button{float:right;}

.poi-selected-list{}
.poi-selected-list li{width:350px;float:left;padding:5px;margin-top:5px;margin-bottom:5px;margin-right:5px;border: 1px #cccccc solid;}
.poi-selected-list li .button{float:right;}